<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Ejercicio 4</title>
	<script type="text/javascript">
	var idioma = "es";

	function llamada() {

		var usuario = document.getElementById('user').value;
		var password = document.getElementById('password').value;
		

		location.replace('form4.php?juego=true&&idioma='+idioma);

	}

	function cambiar(lang) {
		if (lang == "es") {
			idioma = "es";
			document.getElementById('res').innerHTML = "Español";
			document.getElementById('ren').innerHTML = "Inglés";

			document.getElementById('usue').innerHTML = "Usuario";
			document.getElementById('passwe').innerHTML = "Contraseña";

			document.getElementById('boton').value = "Entrar";
		} else {
			idioma = "en";
			document.getElementById('res').innerHTML = "Spanish";
			document.getElementById('ren').innerHTML = "English";

			document.getElementById('usue').innerHTML = "User";
			document.getElementById('passwe').innerHTML = "Password";

			document.getElementById('boton').value = "Enter";
		}

	}


	</script>
</head>
<body>

	<fieldset>
		<form action="">
			<label for="" id ="res">Español</label> 
			<input type="radio" name="idioma" value="es" onclick="cambiar('es')" checked>

			<label for="" id="ren">Inglés</label>
			<input type="radio" name="idioma" value="en" onclick="cambiar('en')">

			<hr />
			<label for="" id="usue"> Usuario </label> 
			<input type="text" id="user"></label>

			<br />
			<label for="" id="passwe"> Contraseña </label>
			<input type="password" id="password"></label>

			<br />
			<input type="button" value="Entrar" onclick="llamada()" id="boton">
		</form>
	</fieldset>

</body>
</html>